<template>
  <el-container class="admin">
    <a-menu></a-menu>
    <el-container class="is-vertical">
      <a-header></a-header>
      <a-main></a-main>
    </el-container>
  </el-container>
</template>
<script>
import AMenu from './menu/index.vue'
import AHeader from './header/index.vue'
import AMain from './main/index.vue'

export default {
  name: 'Admin',
  components: {
    AMenu,
    AHeader,
    AMain
  },
  props: {},
  data() {
    return {
      visibles: {
        isHideMenu: false
      }
    }
  },
  computed: {},
  watch: {},
  beforeCreate() {},
  created() {},
  beforeMount() {},
  mounted() {},
  beforeUpdate() {},
  updated() {},
  activated() {},
  deactivated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {}
}
</script>
<style lang="scss">
@include admin {
  height: 100%;
  .el-container {
    height: 100%;
  }
}
</style>
